<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib uri="/struts-tags" prefix="s"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>登录页面</title>
<link rel="stylesheet" rev="stylesheet" type="text/css"
	href="css/extremesite.css" media="all" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="js/css3.js"></script>
<style type="text/css">
body {
	background-image: url(img/);
	/* background-color:yellow; */
	background-size: cover;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/jquery-1.6.2.js"></script>
<%-- <script type="text/javascript">
	$(function() {
		$("signupForm").validate({
			rules : {
				username : {
					required : true,
				},
				password : {
					required : true,
				}
			},
			messages : {
				username : {
					required : "请输入用户名",
				},
				password : {
					required : "请输入密码",
				}
			},
			errorPlacement : function(error, element) {
				error.insertBefore(element.next("span"));
				error.insertBefore(element.next("span"));
			}
		})
	})
</script> --%>
</head>

<body>
	<script type="text/javascript">
		function check(){
			var uid = $("#loginJsp_dlb.xh").val();
			var uid2 = $("#loginJsp_dlb.kl").val();
			if(uid.length==null&&uid.length=="" && uid2.length==null && uid2.length==""){
				alert("不能为空！");
				return false;
			}
			
			return true;			
		}
	</script>
	<s:form action="login.action" method="post">
		
		<table border="1" style="margin-left:300px;margin-top:180px;" bgcolor="#FFFFFF">
			<tr>
				<td>学号:</td>
				<td><input type="text" name="loginJsp_dlb.xh"
					id="loginJsp_dlb.xh" onFocus="this.select();" title="请输入您的学号"
					value="20160101" /></td>
			</tr>
			<tr>
				<td>口令:</td>
				<td><input type="password" name="loginJsp_dlb.kl"
					id="loginJsp_dlb.kl" onfocus="" value="20160101" /><span></span></td>
			</tr>
			<tr>
				<td><input class="loginImgOut" type="submit" value="登录"
				id="btn" style="width: 91px; " /><span></span></td>
				<td><input type="reset" value="重置" /></td>
			</tr>
		</table>
	</s:form>
	
	<div class="middle" style="margin-left:10px">
	    <div class="scene">
	        <div class="box">
	            <ul class="ring">
	
	            </ul>
	        </div>
	        <div class="item">
	            <p>北国风光，千里冰封，万里雪飘。望长城内外，惟余莽莽；大河上下，顿失滔滔。山舞银蛇，原驰蜡象，欲与天公试比高。须晴日，看红装素裹，分外妖娆。江山如此多娇，引无数英雄竞折腰。惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。一代天骄，成吉思汗，只识弯弓射大雕。俱往矣，数风流人物，还看今朝。</p>
	            <a href="javascript:;" class="close"></a>
	        </div>
	    </div>
	    <div class="text">
	        <p>在下面输入你自己的文字（建议50-350字）</p>
	        <textarea cols="30" rows="10"></textarea>
	        <div class="btn">
	            <button>提交</button>
	            <button>重置</button>
	        </div>
	        <a href="javascript:;" class="close"></a>
	    </div>
	    <div class="table">
	        <a href="javascript:;" class="active">圆球</a>
	        <a href="javascript:;">圆锥</a>
	        <a href="javascript:;">柱状</a>
	        <a href="javascript:;">柱状扭曲</a>
	    </div>
	    <div class="line"></div>
	    <div class="btn2">
	        <button>展开</button>
	        <button>自定义文字</button>
	    </div>
	</div>
</body>
</html>


